<template>
    <div v-if="show">
        <img src="./../../assets/image/no_data.png" :class="[isAbso ? 'ps-abso-data' : 'ps-no-data']">
    </div>
</template>
<style lang="less" scoped>
    @import "./../../assets/css/utilities/position_base";
    .ps-no-data{
        display: block;
        margin: 20px auto 0;
        width: 60%;
    }
    .ps-abso-data{
        width: 60%;
        .abso-y-center();
    }
</style>
<script>
    export default{
        props:{
            dataArr:{
                type: Array,
                default: function () {
                    return []
                 }
            },
            isAbso:{
                type: Boolean,
                default: false
            }
        },
        data(){
            return{

            }
        },
        components:{
        },
        computed:{
            show(){
                return _.isEmpty(this.dataArr)
            }
        },
        mounted(){
            console.log(this.dataArr)
        }
    }
</script>
